<!DOCTYPE html>
<html lang="en">
{%  load staticfiles %}
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *Must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>主页</title>

    <!-- Stylesheet -->
    <link rel="stylesheet" href="http://www.rpcomputationalbiology.cn/static/style.css">
    <link rel="stylesheet" href="http://www.rpcomputationalbiology.cn/static/css/button.css">
    <!-- Bootstrap core CSS -->
    <link href="/static/css/index/bootstrap.min.css" rel="stylesheet">
    <link href="https://img.jigao616.com/css/style.css" rel="stylesheet">
    <link href="/static/css/common/common.css" rel="stylesheet">

</head>
<body>
<header class="header-area">
    <!-- Top Header Area -->
    <div class="top-header-area d-flex justify-content-between align-items-center">
    </div>
    <!-- Navbar Area -->
    <div id="sticky-wrapper" class="sticky-wrapper is-sticky" style="height: 80px;">
        <div class="clever-main-menu" style="width: 100%; position: fixed; top: 0px; z-index: inherit;">
        <div class="classy-nav-container light left breakpoint-off">
            <!-- Menu -->
            <nav class="classy-navbar justify-content-between" id="cleverNav">

                <!-- Logo -->
                <a class="nav-brand" href="/index" style="color:#AE0000	">
                    <img src="{% static 'image/logo4.png' %}" alt="" style="width:550px;height:80px;margin-right:15px">
<!--                    淮安市传染病防控及预警重点实验室<br/>-->
<!--                    <span style="font-size:13px;margin-right:55px">Huaian  Key Laboratory for Infectious Diseases Control and Prevention</span>-->
                </a>

                <!-- Navbar Toggler -->
                <div class="classy-navbar-toggler">
                    <span class="navbarToggler"><span></span><span></span><span></span></span>
                </div>

                <!-- Menu -->
                <div class="classy-menu">

                    <!-- Close Button -->
                    <div class="classycloseIcon">
                        <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
                    </div>

                    <!-- Nav Start -->
                    <div class="classynav" id="tb">
                        <ul>
                            <li><a href="/index">主页</a></li>
                            <li ><a href="/visual">例子</a>
                            <li ><a href="/mysystem">预测</a>
                            <li><a href="/incidence">发病情况</a></li>
                            <li><a href="/inform/inform">研究现状</a></li>
                            <li><a href="/upfile">上传</a></li>
                        </ul>


                    </div>
                    <!-- Nav End -->
                </div>
            </nav>
        </div>
    </div></div>
</header>

<section class="hero-area bg-img bg-overlay-2by5">
    <div class="container h-100">
        <div class="row h-100 align-items-center">
            <div class="col-4">
                <!-- Hero Content -->
                <div class="hero-content text-center">
                    <h2>Prediction</h2>

                    <a href="/crawler">
                        <div class="item button-jittery">
                            <button class="btn clever-btn">Crawler !
<!--                                <marquee scrollamount="12"><span>Click to run TPP!</span></marquee>-->
                            </button>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-8">
                <!-- Hero Content -->
                <img src="http://www.rpcomputationalbiology.cn/static/img/bg-img/bg1.jpg" style="max-width:100%;z-index: -2;position: relative;">
            </div>
        </div>
    </div>
</section>
<section class="blog-area blog-page section-padding-100-0">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="section-heading">
                    <h3>数据可视化</h3>
                </div>
            </div>
        </div>

        <div class="row">
            <!-- 折线图 -->
            <div class="col-12 col-lg-6">
                <div class="single-blog-area mb-100 wow fadeInUp" data-wow-delay="250ms" style="visibility: visible; animation-delay: 250ms; animation-name: fadeInUp;">
<!--                    <img src="{% static 'image/line.png' %} ">-->
                    <img src="{% static 'image/1.jpg' %} ">


                    <!-- Blog Content -->
                    <div class="blog-content">
                        <a href="/visualization/line" class="blog-headline">
                            <h4>折线图</h4>
                        </a>
                       <div class="meta d-flex align-items-center">
                            <a href="#"> 具体数值和趋势</a>
                       </div>
                       <p>反应历史发病人数变化及趋势</p>
                    </div>
                </div>
            </div>

             <!-- 监控地图 -->
            <div class="col-12 col-lg-6">
                <div class="single-blog-area mb-100 wow fadeInUp" data-wow-delay="250ms" style="visibility: visible; animation-delay: 250ms; animation-name: fadeInUp;">
<!--                    <img src="http://www.rpcomputationalbiology.cn/static/img/blog-img/5.png" alt="">-->
                    <img src="{% static 'image/2.png' %} " style="width:350px;height:270px;margin:auto">
                    <!-- Blog Content -->
                    <div class="blog-content">
                        <a href="/citymap" class="blog-headline">
                            <h4><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">监控地图</font></font></h4>
                        </a>
                        <div class="meta d-flex align-items-center">
                            <a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 城市网络和爆发前信号</font></font></a>
                        </div>
                        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">实时监测和分析传染病流行情况。</font></font></p>
                    </div>
                </div>
            </div>


<!--            &lt;!&ndash; 基因网络 &ndash;&gt;-->
<!--            <div class="col-12 col-lg-6">-->
<!--                <div class="single-blog-area mb-100 wow fadeInUp" data-wow-delay="500ms" style="visibility: visible; animation-delay: 500ms; animation-name: fadeInUp;">-->
<!--                    <img src="http://www.rpcomputationalbiology.cn/static/img/blog-img/2.jpg" alt="">-->
<!--                    &lt;!&ndash; Blog Content &ndash;&gt;-->
<!--                    <div class="blog-content">-->
<!--                        <a href="#" class="blog-headline">-->
<!--                            <h4>基因网络</h4>-->
<!--                        </a>-->
<!--                        <div class="meta d-flex align-items-center">-->
<!--                            <a href="#">PCC &amp; SLE score</a>-->
<!--                        </div>-->
<!--                        <p>通过将基因映射到STRING PPI网络来获得网络结构。最高SLE基因组/模块（即具有最大局部SLE得分的前200个基因）的进化说明，网络结构的重大变化发生在IIIB期。</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            &lt;!&ndash; 生存分析 &ndash;&gt;-->
<!--            <div class="col-12 col-lg-6">-->
<!--                <div class="single-blog-area mb-100 wow fadeInUp" data-wow-delay="500ms" style="visibility: visible; animation-delay: 500ms; animation-name: fadeInUp;">-->
<!--                    <img src="http://www.rpcomputationalbiology.cn/static/img/blog-img/4.jpg" alt="">-->
<!--                    &lt;!&ndash; Blog Content &ndash;&gt;-->
<!--                    <div class="blog-content">-->
<!--                        <a href="#" class="blog-headline">-->
<!--                            <h4>生存分析</h4>-->
<!--                        </a>-->
<!--                        <div class="meta d-flex align-items-center">-->
<!--                            <a href="#">SLE基因与基因表达</a>-->
<!--                        </div>-->
<!--                        <p>此类生存分析基于本地SLE得分，该得分是针对以每个上述基因为中心的本地网络的SLE值，而不是基因表达值。</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->

        </div>


    </div>
</section>

<div class="footer">
            <p>
<!--                <a href="javascript:void(0)">关于我们</a>-->
                <a href="/aboutus">关于我们</a>
                <span class="line">|</span>
                <a href="javascript:void(0)">联系我们</a>
                <span class="line"></span>
            </p>
            <p>Copyright © 2018 All Rights Reserved. </p>
            <p> <a href="javascript:void(0)" target="_blank" rel="nofollow">XICP备xxxxx号-x</a>公网安备 xxxxxxxxxx号 归XXX所有</p>
         </div>
</body>
<script>
    var aa = ''
    aa = {{request.session.name}}
<!--    alert(aa)-->
     if(aa=='1'){
        var testdiv = document.getElementById("tb");
        var zon="";

        zon = '<div class="register-login-area">'+
            '<a href="/user/register" class="btn">注册</a>'+
             '<a href="/user/login" class="btn">登录</a>'+
        '</div>'

        testdiv.innerHTML=zon;
        }else{
        var testdiv = document.getElementById("tb");
        var zon="";

        zon = '欢迎你，'+aa

        zon = zon+'<div class="register-login-area">'+
            '<a href="/user/zhuxiao" class="btn">注销</a>'+
        '</div>'

        testdiv.innerHTML=zon;

        }

</script>
</html>